//优惠券
<template>
  <div class='diary'>
    <nav-bar :title="title"/>
    <van-tabs v-model="active">
      <van-tab title="未使用">
        <div class="nav">暂无优惠劵</div>
      </van-tab>
      <van-tab title="已使用">
         <div class="nav">暂无优惠劵</div>
      </van-tab>
      <van-tab title="已过期">
         <div class="nav">暂无优惠劵</div>
      </van-tab>
    </van-tabs>
  </div>
</template> 

<script>
import navBar from '@/components/navBar'

export default {
  name: '',
  props: {},
  components: {
     navBar 
  },
  data() {
    return {
      title:'我的优惠劵',
      active:0
    };
  },
  methods: {},

  created() {},

  mounted() {},

  computed: {},

  watch: {},

};
</script>

<style lang='scss' scoped>
  .diary{
    width: 100%;
    height: 100%;
    padding-top: 46px;
    
  }
  .nav{
    width: 100%;
    height: 100%;
    color: #959595;
    padding-left: 1rem;

  }
</style>